/*   
Theme Name: David Teague Theme
Theme URI: http://martinschapiro.com
Description: A custom wordpress theme developed for David Teague. WordPress 4.7.4 
Author: Martin Schapiro
Author URI: http://martinschapiro.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white;  }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/* ----- Bootstrap Override: gutterless columns -----	*/
/* allows full width container */

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
	}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
	font-family: 'Yantramanav', sans-serif;
	font-weight:300;
	letter-spacing:.25px;
	font-size:15px;
}


.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 155px; /* .push must be the same height as .footer */
}

@media (min-width: 768px) and (max-width: 1200px){
.container {
   width: auto;
   max-width:992px;
}
}

/* ---- Header and Navbar ------ */

.header{ margin-top:40px;}

.navbar{margin-bottom:187px;}
@media (max-width: 768px){.navbar{margin-bottom:112px;}}

.nav>li>a{
	color:#808080;}


.navbar-nav>li.current-menu-item>a, .navbar-nav>li.current-menu-parent>a{
	border-bottom:1px solid #808080;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom:5px;
    margin:0 15px 10px;
    display: inline-block;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus{
	background-color:transparent;
	color:inherit;
}

.dropdown-menu>.active>a:hover{
background-color:#f5f5f5;
color:inherit;
}

.nav>li>a:focus, .nav>li>a:hover {
background-color:transparent;
color:#000;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
background-color:transparent;
border-color:#808080;
}

ul.menu li {
	list-style:none;
	display:inline;
	margin: 0 8px;
	}

 .navbar-nav>li>.dropdown-menu {
 border: none;
    box-shadow: none;
    -webkit-box-shadow:none;
    text-align: right;
    border-right: 1px solid #808080;
    border-radius: 0;
    right: 0px;
    width: auto;
    min-width: 0;
}
.navbar-toggle .icon-bar{
	background-color:#808080;}

.navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:0;padding-left:0;}

.navbar-brand h1{font-size:17px;font-weight:300;}
.navbar-brand h1 span{font-size:.76em;font-weight:300;}

/* ----- Text Styles -----  */

strong{font-weight:700;}

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { font-size:21px;}

h3 span{
	font-size:15px;}

.font_small p, p {
	font-size:1em;
	line-height:28px;
	
	}
.font_large p{
	font-size:19px;
	line-height: 36px;
	font-weight:100;
	}
		
p{ margin: 0 0 10px 0; }
a:link, a:visited { color:inherit; }
a:hover { color:#808080;} 
a:focus {outline:none;}

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { max-width:540px; }
.entry a {text-decoration:none; }
.entry a:hover { text-decoration:none;}
.entry a:active { text-decoration:underline;color:#000;}

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

img{
	border:0;}


form { }
input[type=text] { }
textarea { }

/* ----- homepage styles ----- */

body.home{min-width:750px; /* David requests that no mobile styles take effect */}

.poster-wrap{
max-width:400px;
margin:15px auto;
}

.home .editthis{
height:0;
font-size:.6em;
}


.poster{
width:100%;
padding-top:151%;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
background-color:#f5f5f5;
position:relative;
cursor: pointer;

}
.poster .overlay{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.70);
	top:0;
	padding:20px;
	box-sizing:border-box;
	color:#fff;
	display:none;
	transition: opacity .25s; 
	-webkit-transition: opacity .25s; 
	overflow:hidden;
	opacity:0;
	font-size:15px;
	}
	
	@media (max-width: 850px) { 
	.poster .overlay{
		font-size:13px;
		}
	}
	
	
.poster:hover .overlay, .poster:focus .overlay, .poster:active .overlay{
	height:100%;
	opacity:1;
	display:inline-block;
	}

.overlay h3{
	margin-bottom:40px;
	font-size:1.4em; /* 21px */
	line-height:.95em;
	}
	
.overlay h3 span{
	font-size:.6em;
	}
		
.overlay strong{
	letter-spacing:.5px;
	}	
	
.overlay .thinpad-left{
	padding-left:0px;
	margin-left:-5px;
	}
	
@media (min-width: 768px) { 
.overlay .thinpad-left{padding-left:2px; margin-left:0;}
}
@media (min-width: 992px) { 
.overlay .thinpad-left{padding-left:0px;}
 }
@media (min-width: 1200px) { 
.overlay .thinpad-left{padding-left:5px;}
 }	
	
.overlay p{
	line-height:1.5em; /* 24px */
	font-size:1em; /* 15px */
	}
	
.overlay p.awards{
 	margin:0;
 	padding:0;
 	}
 	
.overlay ul.awards{
	list-style:none;
	margin:0;
	margin-bottom:13px;
	}
	
.overlay ul.awards li, p.director{
		margin-top:2px;
		font-size:1em;
		line-height:1.26em; /* 19px */
		margin-bottom:8px;
				}	
	
.synopsis p{
	margin-bottom:0;
	line-height:1.5em; /* 24px */
	}
	
.overlay a:hover{
	text-decoration:none;
	color:#ddd;}	


@media (max-width: 768px) { 
.poster .overlay{
	padding:12px;
	}
.overlay h3{
	margin-bottom:30px;
	font-size:18px;
	}	
}
	

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* 
 Small devices (tablets, 768px and up) 
@media (min-width: @screen-sm-min) { 
.poster{}
}

 Medium devices (desktops, 992px and up)
@media (min-width: @screen-md-min) { 
.poster{}
 }

Large devices (large desktops, 1200px and up) 
@media (min-width: @screen-lg-min) { 
.poster{}
 
 */


} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */